<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>AI音乐后台管理系统</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<c:set var="ctx" value="${pageContext.request.contextPath}" />
	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css" />
	<link rel="stylesheet" href="${ctx}/assets/css/font-awesome.min.css" />
	<link rel="stylesheet" href="${ctx}/assets/css/ace.min.css" />
	<link rel="stylesheet" href="${ctx}/assets/css/ace-rtl.min.css" />
	<link rel="stylesheet" href="${ctx}/assets/css/ace-skins.min.css" />
	<script type="text/javascript" src="${ctx}/assets/js/ace-extra.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/typeahead-bs2.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/jquery.ui.touch-punch.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/jquery.slimscroll.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/jquery.easy-pie-chart.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/jquery.sparkline.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/flot/jquery.flot.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/flot/jquery.flot.pie.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/flot/jquery.flot.resize.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/ace-elements.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/ace.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="${ctx}/js/base.js"></script>
	<script type="text/javascript" src="${ctx}/js/admin/adminmain.js"></script>
	<script type="text/javascript" src="${ctx}/js/admin/adminAddSpecial1.js"></script>
</head>
<body>
	<div class="navbar navbar-default" id="navbar">
		<%@include file="admintop.jsp"%>
	</div>
	<div class="main-container-inner">
		<a class="menu-toggler" id="menu-toggler" href="#"> <span
			class="menu-text"></span> </a>

		<div class="sidebar" id="sidebar">
			<%@include file="admincategory.jsp"%>
		</div>

		<div class="main-content">
			<div class="breadcrumbs" id="breadcrumbs">
				<ul class="breadcrumb">
					<li><i class="icon-home home-icon"></i> <a
						href="action?key=adminMainPageModel&adminname=${user.user_name }&adminpwd=${user.password}&user=${user}">首页</a>
					</li>
					<li class="active">AI音乐后台</li>
				</ul>
				<!-- .breadcrumb -->

				<div class="nav-search" id="nav-search">
					<form class="form-search"
						action="action?key=adminFindEstByInfoModel&lastname=${user.user_id }"
						method="post">
						<span class="input-icon"> <input type="text"
							placeholder="输入非法关键字回车查询评论" style="width: 300px;"
							class="nav-search-input" name="searchInput" id="searchInput"
							autocomplete="off" /> <i class="icon-search nav-search-icon"></i>
						</span>

					</form>
				</div>
				<!-- #nav-search -->
			</div>

			<div class="page-content">
				<div class="page-header">
					<h1>
						控制台 <small> <i class="icon-double-angle-right"></i> 查看 </small>
					</h1>
				</div>
				<div class="row">
					<div class="col-xs-12">
						<!-- PAGE CONTENT BEGINS -->
						<form action="adminAddSpecial.do"method="post">
							<div class="widget-box collapsed">
								<div class="widget-header widget-header-small header-color-blue">
									<a href="#"><h6 id="chooseSongImage" style="float: left;color: red;cursor: hand;">点击选专辑择图片</h6>
									</a> <a href="AdminAddSongImage?lastname=${user.userid }"
										style="color: orange; font-weight:bold;line-height: 30px;;">没有找到图片点击这里</a>
									<div class="widget-toolbar">
										<a href="#" data-action="reload"> </a> <a href="#"
											data-action="collapse"> </a> <a href="#" data-action="close">
										</a>
									</div>
								</div>
								<div class="widget-body">
									<div class="widget-main">
										<select id="skin-colorpicker" style="width:100%;">
											<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
										</select>
									</div>
								</div>
							</div>
							<div class="widget-box collapsed">
								<div class="widget-header widget-header-small header-color-blue">
									<a href="#"><h6 style="float: left;cursor:hand;color: red;">选择歌手</h6>
									</a><a href="action?key=adminAddSingerModel&lastname=${user.userid }"
										style="color: orange; font-weight:bold;line-height: 30px;;">没找到歌手请点击这里</a>
									<div class="widget-toolbar">
										<a href="#" data-action="reload"> <i class="icon-refresh"></i>
										</a> <a href="#" data-action="collapse"> <i
											class="icon-chevron-down"></i> </a> <a href="#"
											data-action="close"> <i class="icon-remove"></i> </a>
									</div>
								</div>
								<div class="widget-body">
									<div class="widget-main">
										<p class="alert alert-info">
											<h5>专辑的操作须知:</h5>
											<br> 为了用户更好的欣赏本网站的音乐，对于添加的专辑不能做删除操作，请认真填写专辑信息。谢谢！
										</p>
									</div>
									<div class="widget-main">
										<select id="skin-colorpicker" style="width:100%;"
											name="singerId" id="singerId">
											<option data-skin="default">请选择</option>
											<!-- <c:forEach items="${singerList}" var="singer"
												varStatus="status">
												<option data-skin="default" value="${singer.singerid }">${singer.singername}</option>
											</c:forEach> -->
										</select>
									</div>
								</div>
							</div>

							<div id="model" style="position: absolute;margin-top: 50px;">
								<img id="modelImage" style="height: 500px;" />
							</div>
							<div style="width: 100%;height: 50px;">
								<input type="text" style="position: fixed;" id="specialName"
									placeholder="点击输入专辑名" name="specialName">

							</div>
							<div id="songHead"
								style="display:none; z-index:100; margin-left:20px;width:1210px;">
								<!-- <c:forEach begin="1" end="${songHeadIndex}" step="1"
									varStatus="status">
									<div id="${status.index }"
										style="float:left; width: 280px;height: 280px;filter:alpha(opacity=50);z-index: 3;cursor: hand;">
										<img src="image/song/${status.index }.jpg"
											style="width: 280px; height: 280px;float: left;"
											onmouseover="showfilter(${status.index })"
											onmouseout="hidefilter(${status.index })"
											onmousedown="save_img(${status.index })" />
									</div>
								</c:forEach> -->
								<input type="hidden" id="songHeadUrl" name="songHeadUrl">
							</div>
							<input type="submit" value="点击添加专辑"class="btn btn-sm btn-success" />
						</form>
					</div>
					<!-- /.row -->
				</div>
				<!-- /.page-content -->
			</div>
			<!-- /.main-content -->
			<div class="ace-settings-container" id="ace-settings-container">
				<%@include file="adminfoot.jsp"%>
			</div>
			<!-- /#ace-settings-container -->
		</div>
		<!-- /.main-container-inner -->

		<a href="#" id="btn-scroll-up"
			class="btn-scroll-up btn btn-sm btn-inverse"> <i
			class="icon-double-angle-up icon-only bigger-110"></i> </a>
	</div>
</body>

</html>


